<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="main.css" type="text/css">
    <script type="text/javascript" src="JS/result.js"></script>
    <script type="text/javascript" src="JS/common.js"></script>
</head>
<body>
    <div>
        <div class="Box">
            <div class="innerBox">
                <div>用户代码</div>
                <input type="text" class="middle" id="usr">
                <span class="right">*</span>
            </div>
            <div>
                <div id="notice1">用户代码不允许为空，只能输入字母，数字和下划线，长度为6-20个字符</div>
            </div>
            <div class="innerBox">
                <div>姓名</div>
                <input type="text" class="middle" id="name">
                <span class="right">&nbsp;</span>
            </div>
            <div class="innerBox">
                <div>年龄</div>
                <input type="text" class="middle" id="age">
                <span class="right">*</span>
            </div>
            <div>
                <div id="notice2">年龄不允许为空，只能输入字母，为且只能输入3位内数字</div>
            </div>
            <div class="innerBox">
                <div>身份证号码</div>
                <input type="text" class="middle" id="idcard">
                <span class="right">*</span>
            </div>
            <div>
                <div id="notice3">身份证号码不允许为空，且仅能输入15位或18位的数字或字母X</div>
            </div>
            <div class="innerBox">
                <div>邮箱</div>
                <input type="text" class="middle" id="email">
                <span class="right">*</span>
            </div>
            <div>
                <div id="notice4">邮箱不允许为空，且需要为合法邮箱</div>
            </div>
            <div class="innerBox">
                <div>性别</div>
                <div id="sex">
                    <input type="radio" name="radio" value="男">男
                    <input type="radio" name="radio" value="女">女
                </div>
                <span class="right">&nbsp;</span>
            </div>
            <div class="innerBox">
                <div>
                    班级
                </div>
                <select name="" id="Select">
                    <option name="className" value="计算机科学与技术1班">计算机科学与技术1班</option>
                    <option name="className" value="计算机科学与技术2班">计算机科学与技术2班</option>
                </select>
            </div>
            <div class="innerBox">
                <div>
                    课程
                </div>
                <div id="kc">
                    <input type="checkbox" name="kc" id="" value="Web标准技术">Web标准技术
                    <input type="checkbox" name="kc" id="" value="Java">Java
                    <input type="checkbox" name="kc" id="" value=".Net">.Net
                    <input type="checkbox" name="kc" id="" value="数据库">数据库
                    <input type="checkbox" name="kc" id="" value="Android">Android
                </div>
                <span class="right">&nbsp;</span>
            </div>
            <div class="innerBox">
                <div>
                    个人特长
                </div>
                <textarea name="" cols="60" rows="5" id="special"></textarea>
            </div>
            <div class="innerBox">
                <div>&nbsp;</div>
                <input type="button" value="确认" id="qr" onclick="getUsr(),getName(),getAge(),getIDcard(),getEmail(),getSex(),getClassName(),getKC(),getSpecial()">
            </div>
                <div id="result1" class="result"></div>
                <div id="result2" class="result"></div>
                <div id="result3" class="result"></div>
                <div id="result4" class="result"></div>
                <div id="result5" class="result"></div>
                <div id="result6" class="result"></div>
                <div id="result7" class="result"></div>
                <div id="result8" class="result"></div>
                <div id="result9" class="result"></div>
        </div>
    </div>
</body>
</html>